


<template>
  <div class="MyMsRecdView">
    <div class="view" @click="myClick()">
      <div class="top">
        <div class="myIco">
          <img src="">
        </div>
        <div class="myname">
          1324578899
        </div>
        <div class="type">基本正确</div>
        <div class="date">2023-12-20</div>
      </div>
      <div class="bottom">
        <div class="txt">老师请问我的流年中如何转运,需要注意什么?</div>
      </div>

    </div>
  </div>
</template>

<style scoped>
.MyMsRecdView{
  position: relative;
}
.view{
  /*background-image: url("../../assets/img/life/myrecdbg.png");*/
  position: relative;border-radius: 0.1rem;
  background-image: linear-gradient(to top, rgba(93,62,53,1), rgba(122,75,57,1));width: 6.86rem;min-height: 2.2rem;
}
.top{
  position: relative;height: 1.2rem;
  border-bottom:solid 0.01rem rgba(91, 57, 45, 0.8);
}
.myIco{
  position:absolute;width: 0.7rem;height: 0.7rem;background: #100700;border: 0.02rem solid #93543B;border-radius: 50%;
  left: 0.4rem;top:0.25rem;
}
.myIco img{
  position: relative;top:0.02rem;left: 0.02rem;width: 0.66rem;height: 0.66rem;border-radius: 50%;
}
.myname{
  position:absolute;font-size: 0.28rem;font-weight: 500;color: #FFD0B2;    left: 1.3rem;top: 0.33rem;
}
.type{
  position:absolute;border-radius: 0.25rem;width: 1.3rem;height: 0.3rem;font-size: 0.24rem;line-height: 0.3rem;background-color: #D98521;color: #EECA9B;
  left: 1.3rem;top: 0.65rem;
}
.date{
  position:absolute;font-size: 0.24rem;font-weight: 400;color: #AD7C68;left: 5rem;top: 0.5rem;
}
.bottom{
  position:relative;
}
.txt{
  position:relative; font-size: 0.26rem;font-weight: 400;color: #F9D7C2;line-height: 0.4rem;
  text-align: left;padding-left: 0.4rem;padding-top: 0.35rem;padding-bottom: 0.35rem;padding-right: 0.4rem;
}
</style>
<script setup>
import Enum from "@/gamejs/Enum";
import Util from "@/gamejs/Util";
import {ref, onMounted, onBeforeUnmount, onUnmounted,watch,computed} from "vue";
import { useStore} from 'vuex';
import {useRoute, useRouter} from 'vue-router';
let store = useStore();
let router = useRouter();
let myData= defineProps({
  msg: {
    type: Object,
    default: {title:'八字提要title',txt:'',type:0,isClick:true,id:100},
  },
});
/*组件挂载完成后执行的函数；*/
onMounted(() => {

  console.log("MyMsRecdView onMounted 我的留言记录 数据 ");

});
onUnmounted(() => {
  //卸载组件实例后调用,调用此钩子时,组件实例的所有指令都被解除绑定,所有事件侦听器都被移除,所有子组件实例被卸载。
  // winApp.deleteNotification(clsid);
  console.log("MyMsRecdView onUnmounted  卸载组件实例后  ");
});

function myClick(){
  console.log("MyMsRecdView myClick ",myData.msg.isClick);
  if(myData.msg.isClick){
    router.push({ path:Enum.messagePanel, query: {id: myData.msg.id}});
  }
}

</script>
